.TodoHistoryTabs{
  border: 1px solid #DDD;
  box-shadow: 0 2px 0 rgba(225, 225, 225, 0.2);
  margin-top: 30px;
  padding: 0 16px;
}
#TodoHistory {
  height: 65vh;
  overflow: auto;
  .dailyTodos {
    padding: 16px 16px 6px 16px;
    border: 1px solid #DDD;
    border-radius: 4px;
    margin-bottom: 8px;
    display: flex;

    .summary {
      width: 120px;
      margin-right: 8px;
      
      span:first-child {
        font-size: 16px;
        margin-right: 4px;
        color: #222;
      }

      span:last-child {
        color: #888;
        font-size: 12px;
      }
    }

    .finishedCount {
      margin-top: 4px;
      font-size: 14px;
      color: #888;
    }

    .todoList {
      flex: 1;

    }
  }
}